import Vue from 'vue'
//第一步：引入vuex
import Vuex from 'vuex'

//第二步：使用vuex这个插件
Vue.use(Vuex)

//第三步：准备好actions(服务员)、mutations(后厨)、state(原材料) ———— 招聘

//actions用于响应组件中的动作
const actions = {
	//响应jia这个动作
	jia({commit},value){
		// miniStore.commit('JIA',value)
		commit('JIA',value)
	},
	//响应jian这个动作
	jian(miniStore,value){
		miniStore.commit('JIAN',value)
	}
}

//mutations用于操作state中的数据
const mutations = {
	JIA(state,value){
		console.log('加厨师要工作了，最新的state是：',state.sum,'我要操作的值是:',value)
		state.sum += value
	},
	JIAN(state,value){
		console.log('减厨师要工作了，最新的state是：',state.sum,'我要操作的值是:',value)
		state.sum -= value
	}
}

//state用于配置整个项目中数据的初始值
const state = {
	sum:0
}

//第四步：创建一个store去领导他们
const store = new Vuex.Store({
	actions,
	mutations,
	state
})

//暴露store
export default store